<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh_CN">
<head>
    <meta charset="UTF-8"/>
    <title>添加书籍</title>
    <style>
        .container {
            margin-top: 30px;
            width: 25% !important;
        }
    </style>
</head>
<body>
<link rel="stylesheet" th:href="@{/css/bootstrap-3.3.7.css}">
<script th:src="@{/script/jquery-2.1.1.js}"></script>
<script th:src="@{/script/bootstrap-3.3.7.js}"></script>
<div class="container">
    <form th:action="@{/test}" method="post" role="form" enctype="multipart/form-data">
        <legend>添加图书</legend>
        <div class="mb-3">
            <label for="book-name" class="form-label">图书名称：</label>
            <input type="text" placeholder="请输入图书名" class="form-control input-sm" name="book-name"
                   id="book-name"/>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-author" class="form-label">作者名称：</label>
            <input type="text" placeholder="请输入作者名" class="form-control input-sm" name="book-author"
                   id="book-author"/>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-price" class="form-label">图书价格：</label>
            <input type="text" placeholder="请输入图书价格" class="form-control input-sm" name="book-price"
                   id="book-price"/>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-detail" class="form-label">图书简介：</label>
            <input type="text" placeholder="请输入图书简介" class="form-control input-sm" name="book-detail"
                   id="book-detail"/>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-stock" class="form-label">图书库存：</label>
            <input type="number" placeholder="请输入图书库存" class="form-control input-sm" name="book-stock"
                   id="book-stock"/>
        </div>
        <br/>
        <div class="mb-3">
            <label>封面图片类型：</label><br/>
            <label class="radio-inline">
                <input type="radio" name="is-local-image" value="option1" checked> 书籍封面图片链接
            </label>
            <label class="radio-inline">
                <input type="radio" name="is-local-image" value="option2"> 本地上传书籍封面图
            </label>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-img-url" class="form-label">图书封面图片url链接：</label>
            <input type="text" class="form-control input-sm" placeholder="请输入图书封面图片url链接" name="book-img-url"
                   id="book-img-url"/>
        </div>
        <br/>
        <div class="mb-3">
            <label for="book-img-local" class="form-label">本地上传图书封面图片：</label>
            <input type="file" name="book-img-local" id="book-img-local"/>
        </div>
        <br/>
        <input type="submit" value="提交" class="btn btn-block btn-info"/>
    </form>
</div>


</body>
</html>
